<template>
  <div class="cult">
    <div class="container-x-suit">
      <div class="container-x-p">
        <h3 class="title">价值层 VALUE LAYER</h3>
        <p class="text">虎匠存在的价值，就是通过标准化的工人培训，推动中国建筑工人实现从“农民工”到“产业工人”，再到技术工人的转变，通过科技的力量，不断推动建筑产业的升值。</p>
      </div>
    </div>
    <div class="container-x-suit">
      <div class="container-x-p">
        <h3 class="title">团队层 TEAM LEVEL</h3>
        <p class="text">虎匠的创始团队具有多年的工程管理经验，深知建筑行业，尤其是“农民工”工作的艰辛和工作、生活环境的恶劣。如何让中国三千万建筑工人更专业、更高收入、更受尊重是虎匠沉甸甸的使命。</p>
      </div>
    </div>
    <div class="bg">
      <div class="container-x-suit white">
        <div class="container-x-p">
          <h3 class="title white">理念层 CONCEPT LAYER</h3>
          <p class="text li white">鲁班文化：核心是创新，只有不断的工艺创新，技术创新才能进步。</p>
          <p class="text li white">劳模精神：核心是奋斗，只有艰苦奋斗才能创造价值。</p>
          <p class="text li white">工匠团队：核心是专注，只有精益求精，才能创造有高质量的工作。</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import txt from './company-cult'

export default {
  name: 'InCompanyCult',
  data() {
    return {
      txt
    }
  },
  methods: {
  },
  components: {
  }
}
</script>

<style lang="stylus" scoped>
@import '~common/stylus/variable.styl'
@import '~common/stylus/mixin.styl'

.white
  color: #FFF !important

.cult
  background: $color-info requireImg('background-cult.jpg') center center no-repeat
  padding: 50px 0 110px 0
  .bg
    background-color: rgba($color-theme, 0.9)
  .container-x-suit
    .container-x-p
      padding: 15px 20px
      .title
        font-size: 24px
        font-weight: bold
        color: #387dc5
        padding: 10px 0
      .text
        max-width: 650px
        font-size: 18px
        color: #606266
        line-height: 30px
        &.li
          line-height: 50px

@media (max-width: $media-smail)
  .cult
    background-size: auto 100%
    .text
      font-size: 16px !important
</style>
